<!DOCTYPE html>
<html lang="zh-Hant">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鯤鵬與老鷹的區別</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Noto Sans TC', sans-serif;
        }
        .bg-gradient-header {
            background: linear-gradient(135deg, #1e3a8a, #3b82f6);
        }
    </style>
</head>
<body class="bg-slate-100 text-slate-800">

    <!-- Header -->
    <header class="bg-gradient-header text-white p-6 md:p-10 shadow-lg">
        <div class="container mx-auto max-w-5xl text-center">
            <h1 class="text-3xl md:text-5xl font-bold">鯤鵬與老鷹</h1>
            <p class="mt-2 text-lg md:text-xl opacity-90">神話哲思與現實猛禽的霄壤之別</p>
        </div>
    </header>

    <!-- Main Content -->
    <main class="container mx-auto max-w-5xl p-4 md:p-8">

        <!-- Introduction -->
        <section class="bg-white p-6 rounded-xl shadow-md mb-8">
            <p class="text-lg text-center leading-relaxed">
                鯤鵬與老鷹，兩者皆是翱翔天際的強者，但在中華文化與現實世界中，牠們代表著截然不同的概念。鯤鵬是源於古代哲思的<span class="font-bold text-blue-600">神話巨獸</span>，象徵超凡的志向與無限的可能；而老鷹則是<span class="font-bold text-green-600">現實猛禽</span>，代表著力量、敏銳與自由。此頁將深入探討二者的根本差異。
            </p>
        </section>

        <!-- Comparison Table -->
        <section class="bg-white p-6 rounded-xl shadow-md mb-8">
            <h2 class="text-2xl font-bold text-center mb-6">核心區別對照表</h2>
            <div class="overflow-x-auto">
                <table class="min-w-full border-collapse">
                    <thead>
                        <tr class="bg-slate-200">
                            <th class="p-4 font-bold text-left text-sm md:text-base border-b-2 border-slate-300">特徵</th>
                            <th class="p-4 font-bold text-left text-sm md:text-base border-b-2 border-slate-300">鯤鵬 (Kūn Péng)</th>
                            <th class="p-4 font-bold text-left text-sm md:text-base border-b-2 border-slate-300">老鷹 (lǎo yīng)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 border-b border-slate-200 font-bold">本質</td>
                            <td class="p-4 border-b border-slate-200">神話傳說中的神獸，哲學寓言的載體</td>
                            <td class="p-4 border-b border-slate-200">現實世界中存在的猛禽</td>
                        </tr>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 border-b border-slate-200 font-bold">來源</td>
                            <td class="p-4 border-b border-slate-200">《莊子·逍遙遊》</td>
                            <td class="p-4 border-b border-slate-200">自然界，生物分類學上的鷹科等</td>
                        </tr>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 border-b border-slate-200 font-bold">形態</td>
                            <td class="p-4 border-b border-slate-200">可由巨魚「鯤」化為巨鳥「鵬」</td>
                            <td class="p-4 border-b border-slate-200">固定不變的鳥類形態</td>
                        </tr>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 border-b border-slate-200 font-bold">尺度</td>
                            <td class="p-4 border-b border-slate-200">「不知其幾千里」，體型與飛行尺度極其宏大</td>
                            <td class="p-4 border-b border-slate-200">體型受生物學限制，翼展通常在數米之內</td>
                        </tr>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 border-b border-slate-200 font-bold">象徵意義</td>
                            <td class="p-4 border-b border-slate-200">遠大志向、精神超越、掙脫束縛、逍遙自由</td>
                            <td class="p-4 border-b border-slate-200">力量、勇猛、權威、敏銳視覺、世俗的自由</td>
                        </tr>
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 font-bold">文化角色</td>
                            <td class="p-4">哲學與文學意象</td>
                            <td class="p-4">國家圖騰、權力象徵、自然界的強者</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <!-- Detailed Sections -->
        <section class="grid md:grid-cols-2 gap-8">
            <!-- Kunpeng Card -->
            <div class="bg-white rounded-xl shadow-md overflow-hidden transform hover:scale-105 transition-transform duration-300">
                <img src="https://placehold.co/600x400/1e3a8a/ffffff?text=鯤鵬想像圖" alt="鯤鵬的藝術想像圖" class="w-full h-56 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-700 mb-3">神話的巨獸：鯤鵬</h3>
                    <p class="leading-relaxed">
                        鯤鵬完全源於莊子的想像，是其「逍遙遊」哲學思想的化身。牠的存在本身就是一種超越，從深海的巨魚「鯤」，一躍化為翱翔九萬里高空的巨鳥「鵬」。這個轉化過程，象徵著生命形式的突破與精神境界的提升。牠所代表的，是一種掙脫所有世俗束縛，達到絕對自由的終極理想。在中華文化中，「鵬程萬里」成為祝福他人前途無量的最佳代名詞。
                    </p>
                </div>
            </div>

            <!-- Eagle Card -->
            <div class="bg-white rounded-xl shadow-md overflow-hidden transform hover:scale-105 transition-transform duration-300">
                <img src="https://placehold.co/600x400/15803d/ffffff?text=翱翔的老鷹" alt="一隻在天空中翱翔的老鷹" class="w-full h-56 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-green-700 mb-3">現實的猛禽：老鷹</h3>
                    <p class="leading-relaxed">
                        老鷹是自然界中真實存在的頂級掠食者。牠們以強健的體魄、鋒利的爪牙和無比銳利的視覺聞名。老鷹的象徵意義根植於其生物特性：牠的飛行代表著自由與豪邁，牠的捕食象徵著力量與果決，牠的敏銳視覺則比喻遠見與洞察力。從古至今，許多民族和國家都將老鷹視為力量與權威的圖騰，例如美國的國鳥白頭海雕。老鷹的強大，是一種看得見、摸得著的現實力量。
                    </p>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer class="text-center p-6 mt-8 bg-slate-200">
        <p class="text-slate-600">© 2025 鯤鵬與老鷹文化探討。此頁面由 AI 生成。</p>
    </footer>

</body>
</html>
